/*
  https://flutter.cn/docs/development/ui/layout

  将布局 widget 添加到页面
  一个 Flutter app 本身就是一个 widget，大多数 widgets 都有一个 build() 方法，在 app 的 build() 方法中实例化和返回一个 widget 会让它显示出来。

  对于 Material app，你可以使用 Scaffold widget，它提供默认的 banner 背景颜色，还有用于添加抽屉、提示条和底部列表弹窗的 API。你可以将 Center widget 直接添加到主页 body 的属性中。




  Material 库 实现了一些遵循 Material Design 原则的 widgets。在设计 UI 时，你可以只使用标准 widgets 库 中的 widgets，也可以使用 Material library 中的 widgets。
  你可以混合来自两个库的 widgets，可以自定义现有 widgets，也可以构建自己的一组自定义 widgets。

 */

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class MyMaterialApp extends StatelessWidget {
  const MyMaterialApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter layout demo',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('AppBar 标题 Flutter layout demo'),//显示
        ),
        body: const Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}
